
/* Stylesheet content from css/SmartTest7_17.css in folder common */
/* Reset CSS */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	
}
.hidden{
	display: none;
}
/* Worklight container div */
#content {
	height: 460px;
	margin: 0 auto;
	width: 320px;

}
.nodriverBtn{
	width: 44%;
	background: #FFE66F;
}

.loading{
	background:#EFFFD7;
}
.ui-dialog-contain {
  width: 92.5%;
  max-width: 500px;
  margin-top: 50%;
  margin-bottom: 50%;
  padding: 0;
  position: relative;
  top: -15px;
}

.loadTaxiPic{
	margin-top: 20%;
	margin-left: 12.5%;
}
.cancelLoadBtn{
	width: 75%;
	margin-left:12.5%;
	margin-top:20%;
	background: #FFE66F;
	
}
.loadCaption{
	font-weight: bold;
	font-size:22px;
	margin-top: 20%;
	margin-left: 9%;
}
.hidden{
	background:#FFE66F;
}

.firstbtn{
	   width:80%;
	   height:75%;
	   background:#0080FF;
	 }
	 .firstdiv{
	   margin-top:10%;
	 }
	 .images{
	  width:30%;
	  height:30%;
	 }
	 font{
	  color:white;
	  font-size:18px;
	  font-family:Times;
	 }
	 #showbtn{
	  margin-left:18%;
	  margin-top:10%;
	 }
	  #st{
	  font-size:38px;
	  font-weight:bold;
	  word-spacing: 6px;
	  color:#FF8000;
	  margin-top:25%;
	  margin-left:16%
	 }
	 #main{
	  background:#EFFFD7;
	 }
	 font.stlogin{
	  color:#E0FFFF;
	  font-weight:bold;
	  font-size:24px;
	  font-family:Times;
	 }
	 font.stinput{
	  color:#0072E3;
	 }
	 font.stloginft{
	  font-size:14px;
	  color:#000000;
	 }
	 .stloginbtn{
	   width:43%;
	   height:50%;width:43%;
	   height:50%;width:43%;
	   height:50%;
	   background:#FFE66F;
	 }

.responseheader{
	height:100px;
	background:#FFE66F;
}
#mapContainer{
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:-15px;
	margin-top:-15px;
	width:100% + 30px;
	background:#9498a1;
}
.custMainMap{
	height:440px;
}
.responseMap{
	height:381px;
}

h3{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.emptyCol{
	width:25px;
}
.col1{
	width:70px;
}
.col2{
	width:150px;
}
.mainBtn{
	width: 45%;
}


.orderTaxiMap{
	width:110%;
	height:292px;
	margin:-15px;
}
.submitButton{
	padding:0px;
	margin-top:5px;
}
#cusmain{
	background:#404040;
}


#voicecontainer{			 
			 			
			  border:1px solid #336699;background:#CCC;z-index:10;margin:20px 20px 20px 20px;
			  position:absolute;
			  top:100px;
			  left:18px;
			  width:80%;		  
			}
			
			.left{
			  margin-top:10px;
			  margin-left:2%;
			  margin-bottom:20px;
			}
			.right{
			  margin-top:10px;
              margin-left: 55%;            
			  margin-bottom:20px;
			}
			
			
		

.triangle-border {
	position:relative;
	width:2%;
	padding:10px;
	margin:1em 0 3em;
	border:5px solid #5a8f00;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.triangle-border.left {
	margin-left:30px;
}

.triangle-border.right {
	margin-right:30px;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; 
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    display:block; 
    width:0;
}

.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 30px 15px 0;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 21px 9px 0;
	border-color:transparent #fff;
}

/* creates the larger triangle */
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 0 15px 30px;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #fff;
}
.voiceview{
  display:none;
}

#tabs{ margin: 20px -20px; border: none; }
#tabs, #ui-datepicker-div, .ui-datepicker{ font-size: 85%; }

#custMainRadio .ui-radio{
	width: 150px;
	height: 15px;
}
.whitespace{
	height:1px;
}
#radioBackground{
	margin-top: -10x;
	margin-bottom:0px;
	height: 50px;
	background:#C0C0C0;
}


/* Stylesheet content from css/SmartTest7_17.css in folder android */

/* this CSS file extends the application CSS file found under common\css */

/* body should stretch in an Android application */
body {
	height: auto;
	min-height: 100%;
	overflow: auto;
}

/*Worklight container div */
#content {
	height: auto;
	min-height: 100%;
	width: 100%;
}
